<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
    <div id="top">
      <div class="margin">
        <div class="top-r">
          <b>欢迎来到千峰</b>
          <a href="#" class="te">免费注册</a>
          <span>|</span>
          <a href="#" class="ml10">免费注册</a>
          <img src="images/xiajian.jpg" class="xiajian">
          <span>|</span>
          <img src="images/jiangli.jpg" alt="" class="jl" />
          <a href="#">手机名鞋库</a>
          <img src="images/xiajian.jpg" class="xiajian" alt="">
          <span>|</span>
          <a href="#" class="te2">收藏名鞋库</a>
          <span>|</span>
          <img src="qq.jpg" alt="" class="jl" />
          <a href="#" class="mr10">免费注册</a>
          <span>|</span>
          <img src="images/tel.jpg" class="tel" alt="">
          <span>|</span>
        </div>
      </div>
    </div>

    <div id="header" class="margin">
      <a href="#" class="logo"></a>
      <div class="search">
        <div class="search-t">
          <input type="text" name="" value="" class="text">
          <input type="button" name="" value="搜索" class="sub">
        </div>
        <div class="search-b">
          <span>热搜</span>
          <a href="#">耐克</a>
          <a href="#">内衣</a>
          <a href="#">足球</a>
          <a href="#">手机</a>
          <a href="#">千峰</a>
          <a href="#">啦啦</a>
          <a href="#">呵呵</a>
        </div>
      </div>
      <a href="#" class="shop">
        购物车<span>0</span>件
       </a>
    </div>

    <div id="nav">
      <div class="margin">
        <div class="all">
          <b>所有商品分类</b>
          <ul>
            <li>
              <i class="i1"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i2"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i3"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i4"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i5"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i6"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i7"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i8"></i><a href="#">啦啦</a>
            </li>
            <li>
              <i class="i9"></i><a href="#">啦啦</a>
            </li>
          </ul>
        </div>
        <div class="nav-l">
          <ul>
            <li>
              <a href="#" class="first">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#" class="te">首页</a>
            </li>
          </ul>
        </div>
        <div class="nav-r">
          <a href="#">1233</a>
          <span>|</span>
          <a href="#">1233
            <i></i>
          </a>
          <span>|</span>
          <a href="#" class="te">1233</a>
          <span>|</span>
        </div>
      </div>
    </div>

    <div id="banner"></div>

    <div class="otherLogoOutter">
      <div class="otherLogo">
        <div class="logotitle">
          <span class="left">运动/户外</span>
          <span class="left2">儿童</span>
        </div>
        <div class="otherLogoList">
          <ul class="left">
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>
            <li>
              <img src="images/xiezi.gif" alt="">
              <span>耐克</span>
            </li>


          </ul>
          <div class="right">
            <ul class="rightUl">
              <li>测距离开教室里看风景</li>
              <li>测距离开教室里看风景</li>
              <li>测距离开教室里看风景</li>
            </ul>
            <div class="rightTitle">
              <span>新品动态</span>
              <span>NEW</span>
            </div>
            <div class="">
              <img src="images/nb.gif" alt="">
            </div>
          </div>
        </div>
      </div>

      <div class="jinqiu">
        <ul class="jinqiuUl">
          <li class="te">
            <img src="images/xiaohai.gif" alt="">
            <div class="imageBborder"></div>
            <div class="bottomFont">
              <h3>金秋尚新</h3>
              <p>满100立减20</p>
            </div>
          </li>
          <li class="other">
            <img src="images/wxz.gif" alt="">
            <div class="imageBborder"></div>
            <div class="bottomFont">
              <h3>金秋尚新</h3>
              <p>满100立减20</p>
            </div>
          </li>
          <li class="other">
            <img src="images/wxz.gif" alt="">
            <div class="imageBborder"></div>
            <div class="bottomFont">
              <h3>金秋尚新</h3>
              <p>满100立减20</p>
            </div>
          </li>
          <li class="other">
            <img src="images/wxz.gif" alt="">
            <div class="imageBborder"></div>
            <div class="bottomFont">
              <h3>金秋尚新</h3>
              <p>满100立减20</p>
            </div>
          </li>
          <li class="other">
            <img src="images/wxz.gif" alt="">
            <div class="imageBborder"></div>
            <div class="bottomFont">
              <h3>金秋尚新</h3>
              <p>满100立减20</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="zuixiamian">
        <div class="left1">
          <img style="display:block;" src="images/1f.gif" alt="">
          <ul class="logoList">
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
            <li>
              <img src="images/bottomxz.gif" alt="">
            </li>
          </ul>
          <div class="bottomwz">
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
            <span>休闲鞋</span>
          </div>
        </div>
        <div class="left2"></div>
        <div class="right">
          <ul class="rightUl">
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
            <li>
              <h3>时尚休闲鞋</h3>
              <p>大牌鲜货上市</p>
              <div class="currentxz">
                <img style="vertical-align: middle;" src="images/sxz.gif" alt="">
              </div>
            </li>
          </ul>
        </div>
      </div>
      <hr class="bottomHr">
      <div class="bottomest">
        <div class="left1">
          <div class="top1">
            <img src="images/phone.gif" alt="">
            <span style="font-weight:700;">客服热线</span>
            <span>（免长途费）</span>
          </div>
          <p class="top2">12345566</p>
          <p class="topText">客服时间</p>
          <p class="topText">客服时间</p>
          <div class="qrcode">
            <div class="qrcodeChild">
              <img src="images/qrcode.gif" alt="">
              <p>官方微信</p>
            </div>
            <div class="qrcodeChild marginLeft15">
              <img src="images/qrcode.gif" alt="">
              <p>官方微信</p>
            </div>

          </div>
        </div>
        <ul class="left2">
          <li class="top1">
            <img src="images/zheng.gif" alt="">
            <div class="rightText">
              <p class="rightTopTitle">正品保障</p>
              <p>专业精选 正品护航</p>
            </div>
            <p class="buttomTitle">支付方式</p>
            <p>在线发货</p>
            <p>货到付款</p>
            <p>发票说明</p>
          </li>
          <li class="top1">
            <img src="images/zheng.gif" alt="">
            <div class="rightText">
              <p class="rightTopTitle">正品保障</p>
              <p>专业精选 正品护航</p>
            </div>
            <p class="buttomTitle">支付方式</p>
            <p>在线发货</p>
            <p>货到付款</p>
            <p>发票说明</p>
          </li>
          <li class="top1">
            <img src="images/zheng.gif" alt="">
            <div class="rightText">
              <p class="rightTopTitle">正品保障</p>
              <p>专业精选 正品护航</p>
            </div>
            <p class="buttomTitle">支付方式</p>
            <p>在线发货</p>
            <p>货到付款</p>
            <p>发票说明</p>
          </li>
          <li class="top1">
            <img src="images/zheng.gif" alt="">
            <div class="rightText">
              <p class="rightTopTitle">正品保障</p>
              <p>专业精选 正品护航</p>
            </div>
            <p class="buttomTitle">支付方式</p>
            <p>在线发货</p>
            <p>货到付款</p>
            <p>发票说明</p>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
